@charset "utf-8";
/*=== CSS Reset ===*/
html,body,div,span,h3,h4,h5,h6,ul,li,dl,dt,dd,form,table,tbody,tr,th,td,img{margin:0;padding:0;}
img{border:0;}
ul{list-style:none;}

/*=== �������� ===*/
body{font:14px/25px "΢���ź�"; color:#4F4F4F; margin:0; padding:0; background:#FFF;}
a { color:#4F4F4F; text-decoration:none;}
a:hover{ color:#EA1619;}
.clear { clear:both; height:0;}
.fleft { float:left;}
.fright { float:right;}
.tit{ padding-top:130px; padding-left:150px; padding-right:150px; height:50px; text-align:center; color:#9AB5C6;}
.wapper{ width:1100px; margin:0 auto;}
.more1{ color:#FFF; background:#2763A3; width:145px; height:40px; font:14px/40px Arial; text-align:center; margin:30px auto;}
.more1 a{ color:#FFF;}
.more1 a:hover{ color:#FFF;}
.more2{ color:#FFF; background:#0C4DA2; width:165px; height:40px; font:14px/40px Arial; text-align:center; margin:30px auto; border:#FFF solid 3px;}
.more2 a{ color:#FFF;}
.more2 a:hover{ color:#FFF;}
.more3{ color:#FFF; background:#0C4DA2; width:105px; height:30px; font:14px/30px Arial; text-align:center; margin:10px auto; border:#FFF solid 1px;}
.more3 a{ color:#FFF; }
.more3 a:hover{ color:#FFF;}
/* ͷ�� */
.top{}
.head{height:35px; background:#F5F5F5; border-bottom:#EEEEEE solid 1px; color:#666666; line-height:35px; font-size:12px;}
.head a{ color:#666666; }
.head a:hover{ color:#666666; }
.logo{ height:122px; }.nav { width:100%; height:40px; background:#03499B; font:14px/40px "΢���ź�"; color:#FFF; }
.nav ul{ width:1100px; margin:0 auto; position:relative; z-index:9999;  }
.nav ul li { float:left; width:157px; }
.nav ul li a { height:40px; text-align:center; line-height:40px; color:#FFF; display:block; letter-spacing:1.0px; cursor:pointer;}
.nav ul li a:hover{color:#FFF; background:#EA1619; }
.nav ul li ul{ position:absolute;display:none; border:#05681A solid 1px; width:139px; background:#FFF;  padding:5px 0; }
.nav ul li ul li{ float:none; padding:0px ; }
.nav ul li ul li a{ line-height:30px;  text-align:left; padding-left:10px; color: #333333;}
.nav ul li ul li a:hover{ line-height:30px; background:#EA1619; color:#FFF; width:129px;}
.nav ul li:hover ul { display:block;}

/* ����ͼ */

.banner{position:relative}
.banner,.banner ul li,.banner ul li a img,.banner ul{width:100%;height:535px}
.banner ul{position:relative}
.banner ul li{position:absolute;left:0px;top:0px;display:none}
.banner dl{position:absolute;right:50%;bottom:10px}
.banner dl dd,.banner dl dd.on{background:url(../images/dot.png) no-repeat}
.banner dl dd{float:left;width:13px;height:13px;background-position:-13px 0;text-indent:-9999px;margin-right:5px;cursor:pointer}
.banner dl dd.on{background-position:0 0}

.prev,.next{width:50px;height:50px;position:absolute;top:50%;margin-top:-25px}
.prev{left:10px}
.next{right:10px}
/* ���� */
.abo{ width:100%;  height:305px; margin-bottom:50px; }
.abo_tit{  font-size:26px; margin-top:50px; text-align:center; }
.abo_con{ margin-top:30px;}
.project{ width:100%; background:url(../images/project_bg.jpg) center no-repeat; height:500px; padding:50px 0;}
/**/
.sub{width:243px;  overflow:hidden; font-family:"microsoft Yahei"; background:#FFF;}
.sub .pro_tit{padding:16px 0 0;height:57px; text-align:center;overflow:hidden;background:url(../images/sub_h2.jpg) center top no-repeat; font:bold 24px/26px "microsoft Yahei"; color:#fff;}
.sub .pro_tit span{ text-transform:uppercase; display:block; font-size:16px; line-height:16px; font-weight:normal; padding-top:6px;}
.sub .pro_tit a{ color:#fff;}
.sub_c{padding:10px 0 0 0; overflow:hidden; border:2px #0258aa solid; border-top:none; width:239px;}
.sub_c h3{margin:10px 0 0 5px;height:41px; display:block; overflow:hidden; padding-bottom:9px; line-height:41px; font-size:18px; font-weight:normal; overflow:hidden;background:url(../images/sub_h3.jpg) left top no-repeat;}
.sub_c h3 a{color:#fff;padding:0 0 0 35px;}
.sub_c ul{ clear:both;padding:0 0 0 0;}
.sub_c ul li{ line-height:34px;height:34px; overflow:hidden;padding:0 0 0 33px;border-bottom:1px #d1d1d1 dashed;background:url(../images/sub_icon.gif) 15px center no-repeat; font-size:14px;}
.sub_c ul .nones{ border:none;}
.sub_c ul li a{ color:#434343;}
.sub_tel{ background:url(../images/sub_tel.gif) no-repeat center 6px; font:14px/16px "microsoft Yahei"; color:#666; text-align:center; margin-top:25px;}
.sub_tel em{ display:block; font:24px/24px Impact; color:#0258aa; padding-top:5px;}
.pro{ width:841px; height:503px; border:1px solid #d1d1d1; background:#f6f6f6 url(../images/pro_bg.jpg) repeat-x top; overflow:hidden;font-family:"Microsoft YaHei"; /*height:450px;*/}
.pro_t{color:#fff; line-height:41px;height:41px; overflow:hidden;background:url(../images/tit.png) left center no-repeat; margin:2px 13px 0 13px; padding-left:2px; font-size:16px; color:#0258aa; border-bottom:2px solid #0159a1;}
.pro_t a{color:#0258aa;}
.pro_t em{ font:normal 12px/41px "microsoft Yahei"; color:#333; margin-left:8px; text-transform:uppercase;}
.pro_t span{ margin-top:14px; }
.pro_c{ clear:both; padding-top:22px;}
.pro_c li{ text-transform:uppercase;margin:5px 0 0 13px; display:inline; float:left;width:194px;overflow:hidden;text-align:center;}
.pro_c li img{ display:block;width:192px;height:153px;overflow:hidden; border:1px #cbcbcb solid;}
.pro_c li span{line-height:40px; height:40px;display:block; font-size:14px; overflow:hidden;} 
.pro_c li span a{ color:#666;}

.feedback{ width:356px; margin:0 50px 60px 0; height:270px;}
.feedback_tit{ background:url(../images/feedback.png) no-repeat; height:38px; padding-left:43px; font:24px/38px "΢���ź�"; margin-bottom:15px;}
.contact{ width:333px; margin:0 50px 60px 0; height:270px;}
.contact_tit{ background:url(../images/contact.png) no-repeat; height:38px; padding-left:45px; font:24px/38px "΢���ź�"; margin-bottom:15px;}
.contact_con{ line-height:30px; padding-left:10px;}
.pn{ width:309px; height:123px; border:#E8E8E8 solid 1px; background:#0C4DA2;}
.pn_tit{ font-size:16px; line-height:30px;  color:#FFF; text-align:center; }
.news{ width:100%; background:url(../images/news_bg.jpg) no-repeat center; height:520px; padding-top:50px;}
.new_tit{ color:#FFF; text-align:center; font-size:36px;}
.news_con{ padding-top:30px;}
.news_con ul{  width:520px; }
.news_con ul li{ display:block; height:110px; width:520px; margin-bottom:20px; background:#FFF;}
.news_con .news_tb{ width:100px; height:110px; background:url(../images/news_tb.jpg) no-repeat left; padding-left:10px; font-size:48px; line-height:100px; text-align:center; }
.news_con ul li .news_con1{ padding-left:20px; width:388px; margin-top:15px; border-left:#D2D0D0 solid 1px;}
.news_con ul li .news_con2{ margin-top:5px; margin-bottom:5px;}
.news_con ul li .news_tit{ font-weight:bold;}
 .link{ margin:30px 0; background:url(../images/link.jpg) no-repeat; padding-left:20px;}
/* ���԰� */

.basic-grey div {
display: block;
margin: 0px;
}
.basic-grey div>span {
float:left;
text-align:right;
margin:3px  0;
clear:both;
width:70px;

}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea{
border: 1px solid #494949;
color: #494949;
height: 20px;
margin:5px 0;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 77%;
font-size: 12px;
line-height:15px;
background:#FFF;

}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey textarea{
height:50px;
}
.basic-grey .button { background: #0C4DA2;
border: 1px solid #CCC;
padding: 5px 25px 5px 25px;
color:#FFF;
border-radius: 4px;  margin-top:10px;}


/* ��ҳ */
.sban{ background:url(../images/sban.jpg) no-repeat center; height:400px;}
.con{ background:url(../images/inpage_bg.jpg) repeat; padding:20px 0; }
.r_con{ width:800px; padding:0 20px; background:#fff; padding-bottom:30px; }
.cpright{ width:800px;  background:#fff; float:right;padding-bottom: 20px;}
.rtop{ overflow:hidden; padding-top:28px; padding-bottom:9px; border-bottom:1px solid #dbdbdb;}
.rtop h5{ float:left; padding-left:10px; border-left:3px solid #0352AD; font-weight:normal; line-height:16px;}
.rtop h5 a{ font-size:16px; color:#0352AD;}
.rtop span{ float:right;}
.rtop span em{ color:#999; }
.rtop span a{ color:#999;}
.r_conr_con .cpright{ float:right; width:700px; background:#fff; padding:0 20px;}
.r_con .lTle{ height:16px; line-height:16px; padding-top:16px; padding-bottom:10px; border-bottom:1px solid #dbdbdb;}
.r_con .lTle .lt{ float:left; font-size:16px; color:#0352AD;}
.r_con .lTle span{ float:right;}
.r_con .lTle span em{ font-style: normal;font-weight: normal;}
.r_con .lTle span a{}
/* ҳ�� */

.footer{width:100%; height:185px; background:#1E1E1E; color:#ACACAC; padding:30px 0; text-align:center;  }
.footer .tel{ font-size:30px; line-height:30px; margin:50px; color:#FFF; }
.footer_con{ color:#7D7D7D;  }
.foot{line-height:50px; height:50px; color:#7D7D7D; background:#000; text-align:center; }